<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优化分析</title>
    <link rel="stylesheet" href="../css/iview.css"/>
    <link rel="stylesheet" href="../css/normalize.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/analysis_hotwind.css"/>

</head>
<body class="theme">

<div id="analysis" class="auto" v-cloak>
    <header class="header header-skin skin inner-align header-border clearfix">
        <h1 class="header-logo fl">
            <a href="javascript:;">

            </a>
        </h1>
        <ul class="nav-list fl">
            <li class="nav-item fl  ">
                <a href="../index.html">全网监控</a>
            </li>
            <li class="nav-item  fl">
                <a href="javascript:;"  @click="isOpen=!isOpen">主操辅助</a>
                <ul class="link-list posSub border" v-if="isOpen">
                    <li v-for="item in linkList" class="border">
                        <a :href="item.link" @click="isOpen=true">{{item.title}}</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item nav--active fl">
                <a href="javascript:;" @click="museOpen=!museOpen">优化分析</a>
                <ul class="link-list posSub border" v-if="museOpen">
                    <li v-for="item in analysisList" class="border">
                        <a :href="item.link" @click="museOpen=false">{{item.title}}</a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="right-bar fr">
            <div class="right-bar-time inner-align fl">{{timeStamp|formatterTime}}</div>
            <div class="right-bar-help inner-align fl">{{username}}</div>
            <div class="right-bar-role inner-align fl">
                <form action="/login" method="post">
                    <input type="submit" value="">
                </form>
            </div>
        </div>
    </header>
    <section class="main w1880  outter-top auto">
        <div class="right-main fl">
            <ul class="before-view clearfix">
                <li class="fl skin2 border outter-top inner-top inner-align" >
                    <h2 class="title fl">1#轧冷热坯切换情况</h2>

                    <div class="data-picker fl mr10">
                        <input  :placeholder="sectionTime.start|formatterTime" class="laydate-text laydate-icon timeUstyle stateUTime" @click="datePicker('valStart')"  > --
                        <input  :placeholder="sectionTime.end|formatterTime" class=" laydate-text laydate-icon timeUstyle stateUTime mr10" @click="datePicker('valEnd')" >
                        <input type="button" value="确定" class="query" @click="sureAll()"/>
                    </div>
                    <div >
                        <div class="data-chart fl" :id="viewChart.chartId[0]"></div>
                    </div>
                </li>
                <li class="fl skin2 border outter-top inner-top inner-align">
                    <h2 class="title fl">2#轧冷热坯切换情况</h2>
                    <div>
                        <div class="data-chart  fl" :id="viewChart.chartId[1]"></div>
                    </div>
                </li>
                <li class="fl skin2 border outter-top inner-top inner-align" >
                    <h2 class="title fl">3#轧冷热坯切换情况</h2>
                    <div >
                        <div class="data-chart  fl" :id="viewChart.chartId[2]"></div>
                    </div>

                </li>
                <li class="fl skin2 border outter-top inner-top inner-align">
                    <h2 class="title fl">A#轧冷热坯切换情况</h2>
                    <div >
                        <div class="data-chart fl"  :id="viewChart.chartId[3]"></div>
                    </div>

                </li>
                <li class="fl skin2 border outter-top inner-top inner-align">
                    <h2 class="title fl">B#轧冷热坯切换情况</h2>
                    <div >
                        <div class="data-chart fl"  :id="viewChart.chartId[4]"></div>
                    </div>
                </li>
            </ul>
        </div>
    </section>

</div>
</body>

<script src="../js/lib/jquery-1.11.0.min.js"></script>
<script src="../js/lib/echarts.min.js"></script>
<script src="../js/lib/ecStat.min.js"></script>
<script src="../js/lib/vue.min.js"></script>
<script src="../js/lib/vue-resource.js"></script>
<script src="../js/lib/iview.min.js"></script>
<script src="../js/base.js"></script>
<script src="laydate.js"></script>
<script src="../js/common.js"></script>
<script src="../js/chart.js"></script>
<script src="../js/components.js"></script>
<script src="../js/analysis_zhagang.js"></script>
</html>